<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
    <link rel="stylesheet" href="css/register.css">
</head>
<body>
    <div class="header">
       <div class="top-header">
           <div class="container nav">
              <a href="javascript:void(0)" class="nav__link">博煜游戏家长监护</a>
           </div>
       </div>
   </div>
   <div class="container register__wrapper">
       <form class="form-horizontal" id="js-register">
            <div class="section-group">
               <div class="section-group__title">基本信息</div>
               <div class="form-group">
                   <label for="" class="control-label">用户名：</label>
                   <input type="text" class="form-control" autocomplete="off" ="off" placeholder="请填写用户名">
               </div>
               <div class="form-group">
                   <label for="" class="control-label">密码：</label>
                   <input type="text" class="form-control" autocomplete="off" ="off" placeholder="请填写密码">
               </div>
               <div class="form-group">
                   <label for="" class="control-label">确认密码：</label>
                   <input type="text" class="form-control" autocomplete="off" ="off" placeholder="请填写密码">
               </div>
               <div class="form-group">
                   <label for="" class="control-label">验证码：</label>
                   <input type="text" class="form-control" autocomplete="off" ="off" placeholder="请填写验证码">
               </div>
            </div>
            <div class="section-group">
                <div class="section-group__title">防沉迷游戏</div>
                <div class="form-group">
                  <label for="" class="control-label">用户名：</label>
                  <input type="text" class="form-control" autocomplete="off" ="off" placeholder="请填写真实姓名">
                </div>
                <div class="form-group">
                  <label for="" class="control-label">身份证：</label>
                  <input type="text" class="form-control" autocomplete="off" ="off" placeholder="请填写身份证号码">
                </div>
                <div class="form-group">
                    <div class="checkbox">
                        <div class="control-label"></div>
                        <div class="form-control" style="text-align: left;">
                            <label class="control-label" style="width: 200px">
                                <input type="checkbox"> 阅读并接受<a href="agreement.html" target="_blank">《用户注册协议》</a>
                            </label>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="checkbox">
                        <div class="control-label"></div>
                        <div class="form-control" style="text-align: left;">
                            <button type="submit" class="btn btn-primary">提交</button>
                        </div>
                    </div>
                </div>
           </div>
       </form>
   </div>
   <div class="footer">
       <p>版权所有&nbsp;&copy;&nbsp;2009-2017移花互动&nbsp;&nbsp;&nbsp;&nbsp;网站备案号：蜀ICP备10202218号</p>
   </div>
   <script>
       var el = document.getElementById('js-register')
       el.addEventListener('submit', function (event) {
            event.preventDefault()
       })
   </script>
</body>
</html>
